<!doctype>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Welcome</title>
    <style>
        body{
            padding: 0;
            margin: 0;
        }
        p {
            line-height: 1.5;
        }
        .content {
            padding: 24px;
        }
        .image {
            display: flex;
            flex-direction:column;
            justify-content:center;
            align-items:center;
            padding-top:32px;
            padding-bottom:32px;
        }
    </style>
</head>
<body>
<div class="content">
    <h1>关于压缩文件</h1>
    <p>
        通过本项目，你可以很方便的浏览压缩文件的内容，同时它的操作十分简单。
    </p>
    <div class="image">
        <img style="width:80%;max-width: 740px" src="" />
    </div>
    <p>
        运行本项目的时候，会出现一个窗口(如上图)，在此时可以点击“打开”按钮（即圈起来的那个），此后将能够选择一个支持的压缩文件，
        在你选择此文件后点击打开，那么，会弹出一个新的窗口，你可以在这个窗口中浏览文件的内容。
    </p>
    <div class="image">
        <img style="width:80%;max-width: 740px" src="" />
    </div>
    <p>
        在本窗口中，左侧为目录树，右侧为此路径的内容，通过点击左侧的目录，右侧就能够看到此位置包含的内容了，部分文件你可以通过双击的方式在不解压文件的情况下预览 它。
    </p>
    <p>
        本窗口从上到下依次是菜单栏，工具栏，主功能区，工具栏和菜单栏很多功能是一致的，你应该可以通过名称了解到菜单栏各个选项的作用,而工具栏中，从左到右的四个按钮依次为：打开压缩文件，解压选择的目录和文件，添加新的文件，以及从压缩文件中删除指定的文件或者目录。
    </p>
    <p>
        这些功能并不总是可用，例如分卷压缩文件中，编辑功能将会被禁用，因为分卷压缩文件通常很大，直接编辑容易引起各类问题。
    </p>
</div>
</body>
</html>